import { Result, Button } from "antd"
import { useNavigate } from "react-router-dom"

const ServerErrorPage = () => {
  const navigate = useNavigate()

  return (
    <Result
      status="500"
      title="服务器异常"
      subTitle="很抱歉, 服务器异常, 请一段时候后重试"
      extra={
        <Button onClick={() => navigate("/")} type="primary">
          返回首页
        </Button>
      }
    />
  )
}

export default ServerErrorPage
